/* 基础样式 */
.light {
  /* 默认light主题变量 */
  --main: #409eff;
  --bg-left: #0099ff;
  --bg-center: #ffffff;
  --bg-center-hover: #f5f5f5;
  --bg-right: linear-gradient(120deg, #fdf3ff 0%, #daeaff 100%);
  --bg-right-list-hover: #dfe7f5;
  --bg-input: #f5f5f5;
  --bg-tab: rgb(247, 247, 250);
  --bg-tab-active: #fff;
  --bg-dialog: #f2f2f2;
  --bg-form-item: #fff;
  --bg-context-menu: #ffffff;
  --bg-context-menu-hover: #f5f5f5;
  --bg-sys-left: #ededed;
  --bg-sys-right: #f2f2f2;
  --bg-sys-item: #ffffff;
  --bg-sys-active: #dbdbdb;
  --bg-chat-other: #ffff;
  --bg-session-active: #ccebff;
  --bg-editform: #f2f2f2;
  --bg-transfer: #f5f5f5;
  --bg-quotation: rgb(255, 255, 255, 0.4);
  --bg-fileMessage: #fff;
  --bg-filePage: #f1f1f1;
  --bg-container: #f9f9f9;
  --bg-fileList: #ffffff;
  --bg-fileNavActive: #dfdfdf;
  --bg-fileHover: #e9e9e9;
  --bg-fileInput: #ffffff;
  --bg-message-time: #ecf2ff;

  /* 字体 */
  --font-primary: #303133;
  --font-regular: #606266;
  --font-secondary: #909399;
  --font-placeholde: #a8abb2;
  --font-disable: #c0c4cc;

  /* 边框 */
  --border: #dce4f6;
}

/* Dark主题 */
.dark {
  --main: #409eff;
  --bg-left: #1f1f1f;
  --bg-center: #1b1b1b;
  --bg-center-hover: #2d2d2d;
  --bg-right: linear-gradient(120deg, #2e2a32 0%, #0d1f2d 100%);
  --bg-right-list-hover: #2f3541;
  --bg-input: #282828;
  --bg-tab: #282828;
  --bg-tab-active: #353535;
  --card-bg: #3a3a3a;
  --bg-dialog: #262626;
  --bg-form-item: #333333;
  --bg-context-menu: #232323;
  --bg-context-menu-hover: #343434;
  --bg-sys-left: #323232;
  --bg-sys-right: #111111;
  --bg-sys-item: #262626;
  --bg-sys-active: #4b4b4b;
  --bg-chat-other: #3b3b3b;
  --bg-session-active: #162a3f;
  --bg-editform: #1b1b1b;
  --bg-transfer: #3c3c3c;
  --bg-quotation: rgb(0, 0, 0, 0.4);
  --bg-fileMessage: #3b3b3b;
  --bg-filePage: #111111;
  --bg-container: #1b1b1b;
  --bg-fileList: #262626;
  --bg-fileNavActive: #2e2e2e;
  --bg-fileHover: #242424;
  --bg-fileInput: #1f1f1f;
  --bg-message-time: #0c111b;

  /* 字体 */
  --font-primary: #e5eaf3;
  --font-regular: #cfd3dc;
  --font-secondary: #a3a6ad;
  --font-placeholde: #8d9095;
  --font-disable: #6c6e72;

  /* 边框 */
  --border: #282e36;
}

/* 清新绿系 */
.fresh-green {
  --main: #a8e6cf;
  --bg-left: #a8e6cf;
  --bg-center: #ffffff;
  --bg-center-hover: #f0fff4;
  --bg-right: linear-gradient(120deg, #e0f7ec 0%, #b2f2d4 100%);
  --bg-right-list-hover: #d4fbe9;
  --bg-input: #f0fdf4;
  --bg-tab: #e6f9f0;
  --bg-tab-active: #ffffff;
  --bg-dialog: #eefaf3;
  --bg-form-item: #ffffff;
  --bg-context-menu: #e0f4e9;
  --bg-context-menu-hover: #c3e8d3;
  --bg-sys-left: #e4f9f2;
  --bg-sys-right: #f0fff4;
  --bg-sys-item: #ffffff;
  --bg-sys-active: #c4eddc;
  --bg-chat-other: #f4fff9;
  --bg-session-active: #b3f5d9;
  --bg-editform: #e6f7ef;
  --bg-transfer: #e0f5e8;
  --bg-quotation: rgba(255, 255, 255, 0.4);
  --bg-fileMessage: #ffffff;
  --bg-filePage: #e8f8f0;
  --bg-container: #f0faf5;
  --bg-fileList: #ffffff;
  --bg-fileNavActive: #d0ebdc;
  --bg-fileHover: #e0f3e8;
  --bg-fileInput: #ffffff;

  /* 字体 */
  --font-primary: #2e4d3a;
  --font-regular: #3d6652;
  --font-secondary: #6e8c7c;
  --font-placeholde: #a4c3b7;
  --font-disable: #c8d9d3;

  /* 边框 */
  --border: #cdeee0;
}

/* 温暖橙系 */
.warm-orange {
  --main: #ffd3b6;
  --bg-left: #ffd3b6;
  --bg-center: #ffffff;
  --bg-center-hover: #fff5eb;
  --bg-right: linear-gradient(120deg, #fff0e0 0%, #ffe0c2 100%);
  --bg-right-list-hover: #ffe9d1;
  --bg-input: #fff7f0;
  --bg-tab: #fff3e8;
  --bg-tab-active: #ffffff;
  --bg-dialog: #fff1e6;
  --bg-form-item: #ffffff;
  --bg-context-menu: #ffede0;
  --bg-context-menu-hover: #fddbc2;
  --bg-sys-left: #fff2e3;
  --bg-sys-right: #fff8ee;
  --bg-sys-item: #ffffff;
  --bg-sys-active: #fcd9b7;
  --bg-chat-other: #fffaf2;
  --bg-session-active: #ffddb8;
  --bg-editform: #fff0e0;
  --bg-transfer: #ffebd9;
  --bg-quotation: rgba(255, 255, 255, 0.4);
  --bg-fileMessage: #ffffff;
  --bg-filePage: #fff3e5;
  --bg-container: #fff9f0;
  --bg-fileList: #ffffff;
  --bg-fileNavActive: #f8d8bc;
  --bg-fileHover: #ffe5d0;
  --bg-fileInput: #ffffff;

  /* 字体 */
  --font-primary: #5e3d2b;
  --font-regular: #805e46;
  --font-secondary: #a3826a;
  --font-placeholde: #c9a88d;
  --font-disable: #e0c8b6;

  /* 边框 */
  --border: #f8decf;
}

/* 梦幻紫系 */
.dreamy-purple {
  --main: #d0bfff;
  --bg-left: #d0bfff;
  --bg-center: #ffffff;
  --bg-center-hover: #f8f4ff;
  --bg-right: linear-gradient(120deg, #f3e8ff 0%, #e0d3ff 100%);
  --bg-right-list-hover: #ede4ff;
  --bg-input: #f7f2ff;
  --bg-tab: #f3ebff;
  --bg-tab-active: #ffffff;
  --bg-dialog: #f6f0ff;
  --bg-form-item: #ffffff;
  --bg-context-menu: #f0e7ff;
  --bg-context-menu-hover: #ddcfff;
  --bg-sys-left: #f4ecff;
  --bg-sys-right: #f9f5ff;
  --bg-sys-item: #ffffff;
  --bg-sys-active: #d9c9ff;
  --bg-chat-other: #faf7ff;
  --bg-session-active: #cabdff;
  --bg-editform: #f0e5ff;
  --bg-transfer: #ece0ff;
  --bg-quotation: rgba(255, 255, 255, 0.4);
  --bg-fileMessage: #ffffff;
  --bg-filePage: #f2ebff;
  --bg-container: #f8f5ff;
  --bg-fileList: #ffffff;
  --bg-fileNavActive: #e2d5ff;
  --bg-fileHover: #eee5ff;
  --bg-fileInput: #ffffff;

  /* 字体 */
  --font-primary: #43366b;
  --font-regular: #65558d;
  --font-secondary: #9387b8;
  --font-placeholde: #c2b9e2;
  --font-disable: #e3def2;

  /* 边框 */
  --border: #dcd0ff;
}
